<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网易严选</title>
    <link rel="stylesheet" type="text/css" href="../css/electronic.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap-theme.min.css">
    <style type="text/css">

    </style>
</head>

<body>
    <div style="width: 1250px;height: 80px;margin: 0 auto;">
        <a href="../pages/Neaste163.html">
            <img src="../image/star.png" style="float:left;width:280px;height:
                65px;margin: 7px 0 5px;"></a>
        <div
            style="position: relative;width: 300px;height: 80px;line-height: 90px;float: right;background-color: #93f0f5;transform: skewX(-20deg);display: flex;align-items: center;justify-content: center;">
            <a href="../pages/Neastelogin.html" style="text-decoration: none;font-size: 14px;transform: skewX(20deg)">
                <img src="../image/login.png" width="16px;" height:="16px;"
                    style="position:relative;top: 3px;">登录&nbsp;&nbsp;</a>
            <a href="../pages/neasteregest.html"
                style="text-decoration: none;font-size: 14px;transform: skewX(20deg)">&nbsp;
                <img src="../image/exitt.png" width="16px;" height:="16px;"
                    style="position:relative;top: 3px;">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="../image/cart.png" style="width:17px;height:17px;" style="position:relative;top: 4%;" alt="购物车">
        </div>
    </div>
    <div class="header">
        <div class="container">
            <div>
                <ul>
                    <li><a href="../pages/Neaste163.html" class="aa">首页&nbsp;</a></li>
                    <li><a href="../pages/indet.html" class="aa">关于&nbsp;</a></li>
                    <li><a href="../pages/faq.html" class="aa">FAQ&nbsp;</a></li>
                    <li><a href="../pages/N1easteAftershop.html" class="aa">售后&nbsp;</a></li>
                    <li><a href="../pages/suggest.html" class="aa">联系&nbsp;</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="wrappereg">
        <div class="containereg">
            <div style="width:1250px;height:600px;padding:100px 0 0 0" class="dsix">
                <div
                    style="width: 700px;height:400px; padding:20px 0 80px 50px;background-color: rgba(230, 230, 230,0.6);">
                    <div style="width:400px ;height:370px;">
                        <p class="m-msg" id="warning"></p>
                        <form action="../php/setPassword.php" id="form" method="POST" onsubmit="return mSubmit()">
                            <div class="tex">用&nbsp;户&nbsp;名&nbsp; :
                                <input type="text " class="inpu " name="username" id="username" placeholder="请输入用户名！ ">
                            </div>
                            <div class="tex">邮&nbsp;箱&nbsp; :
                                <input type="text" class="inpu" name="email" id="email" placeholder="请输入邮箱！">
                            </div>
                            <div class="tex">手&nbsp;机&nbsp;号 :
                                <input type="text " class="inpu " name="tel" id="telnumber " placeholder="请输入手机号！ ">
                            </div>
                            <div class="tex">输&nbsp;入&nbsp;原&nbsp;密&nbsp;码 :
                                <input type="password" class="inpu" name="password1" id="password1"
                                    placeholder="请输入密码！">
                            </div>
                            <div class="tex">输&nbsp;入&nbsp;新&nbsp;密&nbsp;码 :
                                <input type="password" class="inpu " name="password2" id="password2"
                                    placeholder="请输入确认密码！ ">
                            </div>
                            <hr style="width: 380px;height:3px;background-color: rgba(0 0 0 0.5); ">
                            <br>
                            <div style="width:300px;height: 50px; ">
                                <ul>
                                    <a href="../pages/Neastelogin.html ">
                                        <li style="float: right; ">
                                            <div class="retur ">返回登录</div>
                                        </li>
                                    </a>
                                    <li>
                                        <button type="submit " class="btn btn-default m-btn ">提交</button>
                                    </li>
                                </ul>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot ">
        <div class="containerr ">
            <div class="FOT ">
                <div style="width: 415px;height: 300px; ">
                    <div>
                        <span class="quick ">Contact</span>
                    </div>
                    <div>
                        <span style="line-height:60px ">地址：江苏省苏州市工业园区中新大道西加成大厦</span>
                    </div>
                    <div>
                        <span class="spantel ">+86 123 1234 1234</span>
                    </div>
                    <div>
                        <span style="line-height:60px ">邮箱：qifeiye@admin.com</span>
                    </div>
                </div>
                <div style="width: 209px;height: 300px; ">
                    <div>
                        <span class="quick ">Quick Links</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">常见问题</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">测评中心</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">保修政策</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">售后服务</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">专属客服</span>
                    </div>
                </div>
                <div style="width: 210px;height: 300px; ">

                    <div>
                        <span class="quick ">Products</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">充电</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">手机</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">生活</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">配件</span>
                    </div>
                    <div>
                        <span style="line-height:30px ">音乐</span>
                    </div>
                </div>
                <div style="width: 413px;height: 280px;display: flex;flex-wrap: wrap; ">
                    <div style="width: 413px;height:80px ">
                        <span class="quick ">Products</span>
                    </div>
                    <div style="width: 300px;height:150px; ">
                        <textarea name=" " id="idea " cols="35 " rows="10 " style="background-color:#f7f8f9; "
                            placeholder="请输入您的建议，我们会积极采纳您的建议并加以修改！ "></textarea>
                    </div>
                    <div>
                        <button class="butt " onclick="sumbitt() ">提交</button>
                    </div>
                    <!-- <div style="width: 120px;height: 18px;border: 1px red solid;background-color: red;margin: 2px 0 0 px ; display: flex;flex-wrap: wrap; ">
                        <img src="../image/attention.jpg " width="18px " height="18px " alt=" ">
                        <div style="font-size:13px ; ">请输入您的建议!</div>
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <script src="../public/js/mfun.js "></script>
    <script>
        var {
            flag,
            msg
        } = getQueryVariable();
        msgFun(flag, msg)

        function mSubmit() {
            let username = document.getElementById('username').value.trim();
            let password1 = document.getElementById('password1').value.trim();
            let password2 = document.getElementById('password2').value.trim();
            let email = document.getElementById('email').value;
            let emailRegExp = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
            let kii = emailRegExp.test(email);
            if (!username) {
                msgFun(204, "请输入用户名! ");
                return false;
            }
            if (!email) {
                msgFun(204, "您还未输入邮箱！ ");
                return false;
            }
            if (kii == false) {
                msgFun(204, "输入的邮箱格式不符合要求！！！ ");
                return false;
            }
            if (!password1) {
                msgFun(204, "请输入密码! ");
                return false;
            }
            if (!password2) {
                msgFun(204, "请输入确认密码! ");
                return false;
            }
            if (password1 == password2) {
                msgFun(204, "原密码与新密码相同，请重新输入! ");
                return false;
            }
            document.getElementById('form').submit();
        }
    </script>
    <script>
        function sumbitt() {
            var idea = document.getElementById('idea').value.trim();
            if (!idea) {
                alert('请先输入内容再点击提交');
            } else {
                alert('感谢您的宝贵意见，并积极采纳您的意见! ');
            }
        }
    </script>
</body>

</html>